html{height:100%;}

.am-modal{background:#000;color:#fff;}
.am-modal-dialog{background:#000;}

.am-with-topbar-fixed-top{padding:60px 0;background:#f7f7f7;}

.am-topbar{height:60px;border-width:0px;background:#151515;}
#collapse-head{height:60px;}
.am-topbar div.am-fl{font-size:2rem;color:#fff;}
.am-topbar div.am-fl a{font-size:1.4rem;text-decoration:underline;}
.am-topbar div.am-fl a:hover{color:#fff;}
.am-nav-pills>li{width:120px;font-size:1.8rem;text-align:center;}
.am-topbar-nav>li>a,.am-topbar .am-fl{line-height:60px;color:#aaa;}
.am-nav > li.am-active > a, .am-nav > li.am-active > a:hover, .am-nav > li.am-active > a:focus{background-color:none;color:#fff;}
.am-topbar-nav>li>a:focus, .am-topbar-nav>li>a:hover{background-color:#000;border-color:#000;color:#fff;}
.am-topbar-right{height:40px;overflow:hidden;padding-left:10px;background-color:#fff;border-left:30px #fff solid;margin-right:0;}
[class*=am-u-]+[class*=am-u-]:last-child{float:left}

#userBox{height:60px;line-height:60px;padding:0 15px;}
#userBox a{text-decoration:underline;}
#userBox a:hover{color:#fff;}

#searchBox{height:30px;margin:15px;background:#fff;border-radius:15px;padding:0 15px;overflow:hidden;}
#searchBox input{height:30px;border:none;outline:none;overflow:hidden;margin-top:-12px;}
#searchBox .am-icon-search{font-size:24px;line-height:28px;cursor:pointer;}

#main{}
#banner{width:100%;height:200px;background:#ccc url("/i/pic_my_top.jpg") no-repeat center center;background-size:auto 100%;overflow:hidden;}
#banner .am-u-sm-12{padding:50px 100px;line-height:100px;}
#banner .avatar{width:100px;height:100px;border-radius:50px;background:#ccc;line-height:1;}
#banner .am-u-sm-12 img{width:100px;height:100px;border-radius:50px;}
#banner .am-u-sm-12 .am-fl{margin-right:40px;font-size:3rem;color:#fff;text-shadow:rgba(0,0,0,0.3) 1px 1px 2px;}
#mynav{width:100%;height:5rem;background:#fff;padding-left:10%;border-bottom:1px solid #95989a;overflow:hidden;}
#mynav .nav{width:auto;height:5rem;line-height:5rem;margin-right:70px;float:left;font-size:1.8rem;color:#666;padding:0 2px;cursor:pointer;}
#mynav .nav.c{border-bottom:4px solid #292929;}

#shareBg{width:290px;height:80px;position:absolute;right:10px;bottom:65px;overflow:hidden;border-radius:5px;background:rgba(255,255,255,0.6);}
#shareBg div{width:60px;height:60px;margin:10px 0 0 10px;float:left;background:url(/i/weibo.png) no-repeat center center;background-size:100% 100%;cursor:pointer;}
#shareBg div.-mob-share-weixin{background-image:url(/i/weixin.png);}
#shareBg div.-mob-share-facebook{background-image:url(/i/facebook.png);}
#shareBg div.-mob-share-twitter{background-image:url(/i/twitter.png);}

#btnBack{height:4rem;float:left;text-align:left;}
#btnBack a{color:#000;font-size:2rem;line-height:4rem;}

#comments{min-height:20px;float:left;text-align:left;background:#fff;}
#comments ul{list-style-type:none;padding:0;}
#comments .am-comment{border-top:1px solid #aaa;padding:15px 0;margin-top:0;color:#777;}
#comments .am-comment:first-child{border-top:0;margin-top:10px;}
#comments .am-comment div{padding:0;font-size:0.9em;}
#comments .am-comment .am-u-md-1 span{line-height:32px;color:#333;font-size:1.1em;}
#comments .am-comment .am-u-md-2{color:#333;font-size:1.1em;line-height:1.2em;}
#comments .am-comment font{font-size:0.8em;color:#aaa;}
#mycomment{height:60px;float:left;background:#fff;outline:1px solid #b9b9b9;position:relative;}
#mycomment input{width:100%;height:60px;outline:none;overflow:hidden;border:0;}
#mycomment .am-btn-sm{width:120px;height:60px;position:absolute;top:0;right:0;background:#414243;color:#b9b9b9;text-align:center;line-height:60px;font-size:2rem;cursor:pointer;}

#vld-tooltip {
  position: absolute;
  z-index: 1000;
  padding: 5px 10px;
  background: #F37B1D;
  min-width: 150px;
  color: #fff;
  transition: all 0.15s;
  box-shadow: 0 0 5px rgba(0,0,0,.15);
  display: none;
}

#vld-tooltip:before {
  position: absolute;
  top: -8px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -8px;
  content: "";
  border-width: 0 8px 8px;
  border-color: transparent transparent #F37B1D;
  border-style: none inset solid;
}

@media only screen and (max-width: 1415px){
  html{font-size:8px}
}

@media only screen and (max-width: 1399px) {
  #searchBox{display:none!important;}
}

@media only screen and (max-width: 1099px) {
  #userBox{display:none!important;}
}

@media only screen and (max-width: 729px) {
  #collapse-head{display:none!important;}
  #btnBack{display:none!important;}
}

@media only screen and (max-width: 1029px) {
  .am-with-topbar-fixed-top{padding:0px 0 30px;}
  .am-topbar{height:40px;}
  .am-topbar-brand img{height:40px;}
  .am-topbar-nav>li>a,.am-topbar .am-fl{line-height:40px;}
  #detail{padding:10px;}
  #main{margin-bottom:0px;}
  .ml15{margin-left:0%;width:100%;}
  #comments .am-comment{padding:5px;}
  #comments .am-comment .am-u-md-9{padding-left:40px;}
  footer{height:30px;line-height:30px;font-size:1rem;}
}

@media only screen and (min-width: 1030px){
  .am-topbar-brand img{height:60px;}
  #main{margin-bottom:100px;}
  .ml15{margin-left:15%;width:80%;max-width:1200px;}
  #comments{padding:0 16px;}
  footer{height:80px;line-height:80px;font-size:2rem;}
}

footer{width:100%;background:#ededed;color:#ccc;text-align:center;bottom:0px;position:absolute;}
